@charset "utf-8";
*{ margin:0; padding:0;}
* + html {
  z-index: 6666;
}
* + html .search {
  z-index: 5555;
}
body{ font-family:"微软雅黑"; color:#2E2E2E; font-size:12px; }
ul,li{ list-style:none;}
img{ border:none;}
a{ color:#2E2E2E; text-decoration:none;}
a:hover{ text-decoration:none; color:#2E2E2E;}
.fr{ float:right}
.fl{ float:left}
.c{ clear:both;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}

.f36{font-size:36px;}
.f24{font-size:24px;}
.f11{font-size:11px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f22{font-size:22px;}
.f21{font-size:21px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}

.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}

.l20{ line-height:20px;}
.l22{ line-height:22px;}
.l24{ line-height:24px;}
.l26{ line-height:26px;}
.l28{ line-height:28px;}
.l30{ line-height:30px;}
.l34{ line-height:34px;}
.l44{ line-height:44px;}
.l54{ line-height:54px;}
.l60{ line-height:60px;}

.h10{ height:10px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h40{ height:40px;}
.h50{ height:50px;}

.white{ color:#FFF}

.content{ width:100%; margin:0 auto;padding: 20px 0 30px 0}

.container{ width:1200px; margin:0 auto;}
.m{ width:1200px; margin:0 auto;}

/*头部*/
.header{ width:1200px; margin:0 auto; display:block;}
.g_top{ height:170px; background:url(../images/topbg.jpg) repeat-x center top; display:block;}
.g_top .m_top{height: 103px;}
.top_c h1{ float:left; margin: 26px 18px 0 0; padding-right:10px; border-right:#CCC 1px solid;}
.top_c h2{ float:left; height:60px; margin:22px 0 0 0; color: #252525; font-size: 24px; line-height:30px; font-weight: bold;}
.top_c h2 em{ display:block; color:#666666; font-weight:normal; font-size: 14px; font-style: normal;}
.top_c p{ float:right; margin:22px 0 0 0 ; }
.top_c p b{display: block;font-weight: normal; color:#666666; font-size:16px;background:url(../images/tel.png) no-repeat left 2px; font-weight: normal;padding: 0 0 0 24px; float:right; font-weight:bold;}
.top_c p span{ display:block; font-size:20px; margin-top:15px; color:#d60110;font-family: impact; }

.g_nav{height:60px; line-height: 60px; }
.g_nav li{position: relative; float:left; font-size:16px;}
.g_nav li a{ display:block;float: left; padding: 0 37px; color:#fff; line-height:60px; text-decoration: none;}
.g_nav li a:hover,.g_nav .cur a{color: #fff;background:#e62129;}
.g_nav .lastli{background: none;}
.g_nav .home a {background-image: url(../images/home.png) ;background-repeat: no-repeat;background-position: 0 15px;padding: 0 7px 0 41px; margin-right: 50px;} 
.g_nav .home a:hover{background-image: url(../images/home.png) ;background-repeat: no-repeat;background-position: 0 15px;padding: 0 7px 0 41px; margin-right: 50px;} 
 
/*导航栏*/
#nav ul{ }
#nav li .a span{position:absolute;bottom:0;left:0;width:93%;text-align:center; display:block;}
#nav li .a i{display:block;margin:0 auto;text-align:center;z-index:1;height:3px;width:0;background:#e62129;overflow: hidden; transition:all ease-in-out 500ms;}
#nav li .a:hover i{width:110%;}
#nav li.on .a:hover i{transform:rotateX(0);-webkit-transform:rotateX(0);-moz-transform:rotateX(0)}
#nav.title{position:relative}
#nav .list{width:135px;left:0;max-height:0;position:absolute;top:100px;z-index:99999;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px}
#nav .list a{ color:#666; width:135px;height:50px;line-height:50px;text-align:center; display:block;font-size:14px;text-decoration:none;opacity:0;background-color:#fff;border-bottom:#e9ecf1 1px solid;
webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;transition:opacity .4s,transform .5s}
#nav .list a:hover{color: #e62129;}
#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10}
#nav li:focus .list a,#nav li:hover .list a{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}

/*标题*/
.Index_title{ text-align:center}

/*产品分类*/
.cp_Class01{ background:url(../images/cp01.jpg) no-repeat; width:525px; height:250px; margin-right:50px}
.cp_Class02{ background:url(../images/cp02.jpg) no-repeat; width:525px; height:250px;}
.cp_line{ margin:20px;width:485px; height:210px; border:1px solid #ccc; }
.cp_Inf{ width:220px; height:90px; background:rgba(255,255,255,0.7); margin:0 auto; text-align:center; margin-top:55px; padding-top:10px;}
.cp_Inf p a{ display:block; width:110px; height:30px; line-height:30px; font-size:14px; color:#666; border:1px solid #666; text-align:center; margin:10px auto 0 auto;}

/*搜索*/
.Index_search{ background:#F8F8F8; height:86px; }
.search{}
.search_left{ font-size:16px; line-height:86px;}
.search_left span{ color:#DE2626;}
.search_right{ margin-top:30px;}

/*网站底部*/
/*网站底部*/
.footer{ width:100%; background:#1A1A1A; color:#959393; font-size:14px; }
.f_nav{ border-top:1px solid #313131; border-bottom:1px solid #262626;}
.f_logo{ padding:15px 0;}
.f_nav_list{ }
.f_nav_list li{ float:left; width:100px; text-align:center;}
.f_nav_list li a{ display:block; color:#ffffff; line-height:78px; font-size:15px;}
.f_nav_list li a:hover{ color:#e62129}
.f_Inf{ padding:50px 0; border-bottom:1px solid #262626; background:url(../images/f_map.png) no-repeat center}
.f_copy,.f_copy a{ color:#666; line-height:24px;}
.f_tel{ background:url(../images/f_tel.png) no-repeat center right; padding-right:70px; color:#ffffff; text-align:right; height:60px; padding-top:5px;}
.f_tel span{ display:block; font-weight:bold; font-size:24px;}
.f_yqlj{ padding:30px 0 15px 0; color:#666;}
.f_yqlj a{ color:#666;}

/*内页左侧*/
.nlist{ width:250px; background:#ffffff;}
.nlist .nt{font-weight: normal;  padding: 22px 0;  padding-left: 20px; background: #e62129 url(../images/hhbg.png) no-repeat 190px center;}
.nlist .nt a{font-size: 20px;text-decoration: none;color: #fff;}
.nlist .nt a.cur{ background:none}
.nlist ul{padding:20px;}
.nlist li a {display:block;height:40px;line-height:40px;font-size:14px;color:#333;padding:0 18px;text-decoration:none; background:#F3F3F3; border-bottom:1px solid #ffffff;}
.nlist li a:hover, .nlist a.cur { background:#e62129; border-bottom:none;color: #fff;}

/*内页左侧联系我们*/
.zc_lx{ background:#e62129; height:60px; line-height:60px;  text-align:center;color: #fff;}
.zc_img{ margin-top:20px; text-align:center;}
.zc_Inf{ padding:15px 20px 25px 20px;}

/*内页右侧*/
.cpright {width: 870px; padding: 0 20px; background: #fff;  float: right;}
.rtop { overflow: hidden; padding-top: 28px; padding-bottom: 9px; border-bottom: 1px solid #dbdbdb;}
.rtop h5 { float: left; padding-left: 10px; border-left: 3px solid #e62129; font-weight: normal;line-height: 16px;}
.rtop h5 a { font-size: 16px; color: #333;}
.rtop span{ color:#999;}
.rtop span em {color: #999; font-style: normal;}
.rtop span a { color: #999;}
.story{ margin: 15px 0 20px;}
.agent_con { padding-top: 10px;  line-height: 26px;}
.agent_con .age_li_about {  font-size: 15px; text-align:justify}
.rightbot { height: 3px; font-size: 0; overflow: hidden;  margin-bottom: 10px;}


/*内页产品中心*/
.age_li_pro {width:100%;}
.age_li_pro li{ float:left; width:240px; margin:10px 23px;}
.age_li_pro li img{width:238px; height:160px; border:1px solid #DBDBDB;}
.age_li_pro li .pro_t{width:100%;height:30px; line-height:30px; background:#707070; text-align:center;}
.age_li_pro li .pro_t a{ color:#fff; font-size:13px;}
.pro_page{margin-top:30px;}

.age_pro_show{}
.age_pro_show h1{height:50px; line-height:50px;text-align:center}
.age_pro_show .pro_lb{width:50%; margin:0 auto; text-align:center}
.age_pro_show .pro_lb .span{padding:0 30px;}
.line{height:20px;  border-bottom:1px solid #DBDBDB; }
.pro_Inf{width:100%; text-align:center; margin-top:30px;}
.pro_Inf img{ max-width:600px; height:auto}
.pro_de{margin-top:50px;}
.pro_mInf{margin:20px 0;font-size: 14px; padding:0 20px; text-align:justify; line-height:24px;}
.pro_show_page{  line-height:26px; margin-top:30px;}

/*内页新闻中心*/
.age_li_new li{ background:url(../images/indexnewslist.jpg) no-repeat 0 20px; padding-left:15px; height:45px; line-height:45px; border-bottom:1px solid #DBDBDB;
margin:0 auto; font-size:14px;}
.age_li_new li span{padding-right:10px;}

.age_new_show h1{height:50px; line-height:50px;text-align:center; font-size:18px;}
.age_new_show .new_lb{width:215px; margin:0 auto;}
.age_new_show .new_lb .span{padding:0 30px;}
.new_show{margin-top:20px; font-size:14px; line-height:24px; text-align:justify}

/*新内页产品*/
.agent_table{}
.cf{ color:#ffffff;}
.agent_table table td{ font-size:14px; text-align:center}
.agent_table table tr:hover{ background:#C0F3C6}
.agent_table table tr.cf_1:hover{ background:#1E9D2A}
.agent_table table td a{ color:#333}
.agent_table table td a:hover{color:#1E9D2A}

/***********************************************************************************************/
/*标题*/
.tit{margin-bottom: 40px;}
.tit h3{font-size: 40px;color: #e62129;text-align: center;line-height: 46px;}
.tit h3 span{font-size: 20px;color: #666;text-align: center;}

/*新闻资讯*/
.new_bg{margin: 80px auto;overflow: hidden;}

.new_con{ overflow: hidden;}
.new_l{float: left; width: 572px;}
.new_l p{margin-bottom: 48px; overflow: hidden;}
.new_l p img{width: 572px; height: 264px;}
.new_l dt{float: left; border-right: 1px solid #ebebeb; width: 114px; height: 80px; padding-top: 8px;  overflow: hidden; text-align: center; line-height: 18px; font-size: 14px; color: #666;}
.new_l dt b{ display: block; line-height: 50px; font-size: 40px; color: #333;}
.new_l dd{float: right; padding-right:15px; width:405px;}
.new_l dd h3{margin-bottom: 14px; line-height:25px; font-size: 18px; font-weight: normal;}
.new_l dd h3:hover a{color: #e62129;}
.new_l dd h3 a{color: #333333;}
.new_l dd p{ line-height:22px; color: #888888; font-size: 14px;}

.new_r{width: 563px; float: right;}
.new_r dl{padding: 17px 0 13px 0;overflow: hidden; border: 1px solid #ebebeb; margin-bottom: 20px;}
.new_r dt{float: left; border-right: 1px solid #ebebeb; width: 114px; height: 80px; padding-top: 8px;  overflow: hidden; text-align: center; line-height: 18px; font-size: 14px; color: #666;}
.new_r dt b{ display: block; line-height: 50px; font-size: 40px; color: #333;}
.new_r dd{float: right; padding-right:15px; width:405px;}
.new_r dd h3{margin-bottom: 10px; line-height:25px; font-size: 18px; font-weight: normal;}
.new_r dd h3:hover a{color: #e62129;}
.new_r dd h3 a{color: #333333;}
.new_r dd p{ line-height:22px; color: #888888; font-size: 14px;}
.new_r dt:hover a,.new_l dt:hover a{text-decoration: none; color: #666;}

/*公司简介*/
.about{padding-top: 80px;height:430px;}
.about img{width: 600px;height: 400px;float: right;}
.about .ab_txt{width: 530px;height: 380px;float: left;}
.about .ab_txt h4{font-size: 30px;color: #fff;font-weight: bold;height: 84px;}
.about .ab_txt h4 span{font-size: 20px;color: #fff;font-weight: normal;}
.about .ab_txt p{font-size: 16px;color: #fff;line-height: 36px;margin-top: 20px;}
.about .ab_txt .more{margin-top: 30px;}
.about .ab_txt .more a.left{padding: 12px 40px;background: #000;margin-right: 30px;}
.about .ab_txt .more a.right{padding: 12px 40px;background: #ffc54a;border-radius: 50px;}
.about .ab_txt .more b{font-size: 16px;color: #fff;text-align: center;font-weight: normal;}

.indexggsvf{background: url(../images/abbg.gif); width:100%; max-width:1920px; height:1032px;}

/*产品优势*/
.ys_bj{background: url(../images/ys_bj.gif) no-repeat center top;height:796px;padding-top:60px;}
.yous {position: relative;}
.yous .titis {height: 165px;}
.yous .titis h4 {color: #333}
.yous .titis h4 span{padding:0 20px;vertical-align: middle;}
.yous .titis p {background: url(../images/ys_tt.jpg) no-repeat center;letter-spacing:3px}
.yous dl{position: absolute;}
.yous dt{float:right;width:128px;height: 128px;border-radius: 50%;background: #000;text-align: center;line-height: 128px;font-size:22px;color: #fff;font-weight: bold;}
.yous dt.right{float: left;}
.yous dd {float:left;font-size:16px;color: #393939;padding-top:11	px;line-height: 32px;}
.yous dl:hover dt {background:url(../images/ys_ic.png) no-repeat;color: #fff;border:1px solid transparent;animation-duration:3s;animation-name:flipInY;}
.yous dl:hover dd{color: #e62129}
.yous dl:nth-of-type(1){width:396px;text-align: center;left:463px;top:38px;}
.yous dl:nth-of-type(1) dt,.yous dl:nth-of-type(1) dd{float:none;}
.yous dl:nth-of-type(1) dd{text-align: left;padding-top:14px;}
.yous dl:nth-of-type(1) dt{margin:0 auto; float:left;}
.yous dl:nth-of-type(2){top:154px;left:28px;}
.yous dl:nth-of-type(2) dd{width:248px;padding-left:13px; float:right;}
.yous dl:nth-of-type(3){top:154px;right:28px;}
.yous dl:nth-of-type(3) dd{width:235px;padding-left:24px;}
.yous dl:nth-of-type(4){top:329px;left:-85px;}
.yous dl:nth-of-type(4) dd{width:211px;padding-left:13px;padding-top:10px;}
.yous dl:nth-of-type(5){top:329px;right:-85px;}
.yous dl:nth-of-type(5) dd{width:205px;padding-left:12px;padding-top:10px;}

.tu_bj{background: #e62129;height: 166px;}
.t_l{float:left;width:610px;padding-top:29px;}
.t_l p {height: 51px;line-height: 51px;font-size:24px;font-weight: bold;color: #fff;letter-spacing: 4px;}
.t_l p em {font-size:34px;}
.t_l span {font-size: 38px; color: #fff;line-height: 49px;height: 49px;}
.t_r{float:right;padding-top:29px;}
.t_r p {padding-left:29px;background: url(../images/tu_tel.png) no-repeat left center;font-size: 20px;color: #fff;height: 51px;line-height: 51px;}
.t_r p span {font-size:34px;}
.t_r a {width:172px;height: 44px;line-height: 44px;font-size:20px;color: #e62129;font-weight: bold;background: #fff;text-align: center;margin-top:6px;display: block;}

/*产品中心*/
.pro{margin: 80px auto;height: 960px;}
.pro .pro_tit{width: 280px;height: 828px;float: left;border: 1px solid #e0e0e0;border-bottom: 5px solid #e62129;box-sizing: border-box;}
.pro .pro_tit h4{width: 280px;height: 86px;line-height: 86px; background-color: #e62129; font-size: 26px;color: #fff;text-align: center;}
.pro .pro_tit span{font-size: 24px;}
.pro_tit li{padding-left:20px}
.pro .pro_tit ul li{width: 280px;height: 35px;line-height: 35px; border-bottom: 1px solid #e9ebea;box-sizing: border-box;}
.pro .pro_tit ul li h5{width: 230px;margin: 0 auto;font-size: 16px;color: #444;background: url(../images/pro_tit_bg.png) no-repeat right center;}
.pro .pro_tit ul li h5:hover{color: #e62129;background: url(../images/pro_tit_bg2.png) no-repeat right center;}

.pro .pro_cp{width: 885px;height: 828px;float: right;}
.pro .pro_cp ul li{width: 275px;height: 256px;float: left;margin: 0 30px 30px 0;background: #f3f3f3;}
.pro .pro_cp ul li:nth-child(3n){margin-right: 0px;}
.pro .pro_cp ul li img{width: 275px;height: 206px;border: 1px solid #e0e0e0;box-sizing: border-box;}
.pro .pro_cp ul li p{font-size: 16px;color: #555;text-align: center;margin-top: 12px;}
.pro .pro_cp ul li:hover{background: #e62129;}
.pro .pro_cp ul li:hover p{color: #fff;}

/*五大理由*/
.a2{}
.a2_t{text-align: center;}
.a2_t dd{font-size: 30px;color: #fff;font-weight: bold;line-height: 37px;}
.a2_t dd span{color: #70bd21;}
.a2_t dt{font-size: 16px;line-height: 24px;color: #fff;}

.c2b{margin-top:63px;height: 277px;overflow: hidden;position: relative;}
.c2b .tab{display: none;}
.c2b .tab .img{float: right;margin-left: 38px;}
.c2b .tab .img img{width: 277px;height: 277px;}
.c2b .tab .con{float: left;width: 845px;overflow: hidden;margin-right: 40px;}
.c2b .tab .con dl{overflow: auto;border-bottom: 1px solid #dedede;width: 845px;}
.c2b .tab .con dl dd{float: left;width: 56px;height: 80px;text-align: center;line-height: 57px;font-size: 24px;color: #fff;font-family: "Arial";background: url(../images/szbg.png) no-repeat;}
.c2b .tab .con dl dt{float: left;margin-left: 16px;padding-top: 9px;font-size: 22px;color: #000;font-weight: bold;}
.c2b .tab .con dl dt span{display: block;font-size: 14px;color: #666666;font-weight: normal;font-family: "Arial";text-transform: uppercase;}
.c2b .tab .con .dd{font-size: 16px;color: #333333;line-height:33px;margin-top: 20px; height:90px;}

.a2_tel{width: 522px;height: 90px;overflow: hidden;background: url(../images/zixun.png) no-repeat;overflow: hidden;position: absolute;top:290px;left: 630px;}
.a2_tel dd{float: left;font-size: 24px;color: #333333;line-height: 89px;font-family: "Arial";margin-left: 200px;}
.a2_tel a{display: block;width: 88px;height: 30px;background: #999999;text-align: center;line-height: 30px;color: #fff!important;margin-left: 38px;margin-top: 30px;float: left;}
.a2_tel a:hover{background: #e62129;}

.c2a{margin-top: 60px;}
.c2a .tabli{}
.c2a_ul{overflow: auto; display: inline-block;}
.c2a_ul li{float: left;width: 240px;height: 122px;overflow: hidden;padding-top:28px; border:#FFF 1px solid; text-align:center; border-right:none}
.c2a_ul li:last-child{margin-right: 0;border-right:#FFF 1px solid;}
.c2a_ul li .img{display: block;overflow: hidden;width: 42px;height: 40px;text-align: center;margin: 0 auto;}
.c2a_ul li .img img{}
.c2a_ul li dd{font-size: 18px;color: #fff;line-height: 43px;text-align: center;}
.c2a_ul li:hover{background: url(../images/2.png) no-repeat;}
.c2a_ul li:hover .img img{margin-top: -45px;}
.c2a_ul li:hover dd{color: #fff;}
.c2a_ul li.cur{ background:#fff;}
.c2a_ul li.cur .img img{margin-top: -45px;}
.c2a_ul li.cur dd{color: #000;}

/*品质*/
.Index_pz{ margin:80px auto;}
.Index_pz li{ float:left; width:300px;font-size: 0; border:2px solid #e62129;box-sizing: border-box; text-align:center; margin-right:150px; cursor:pointer;}
.Index_pz li.li5{ margin-right:0;}
.Index_pz li span{ display:block; height:100px;}
.Index_pz li h3{ font-size:18px; margin:15px 0;color: #e62129;}
.Index_pz li h4{ font-size:14px; text-transform:uppercase; color:#e62129;}
/* .Index_pz li:hover{ border:2px solid #e62129;background: #e62129;} */
.Index_pz li:hover h3{ color:#fff;}
.Index_pz li:hover h4{ color:#fff; opacity:0.8;}
.Index_pz li:nth-child(1) span{ background:url(../images/pz01.png) no-repeat center;}
.Index_pz li:nth-child(2) span{ background:url(../images/pz02.png) no-repeat center;}
.Index_pz li:nth-child(3) span{ background:url(../images/pz03.png) no-repeat center;}
.Index_pz li:nth-child(4) span{ background:url(../images/pz04.png) no-repeat center;}
.Index_pz li:nth-child(5) span{ background:url(../images/pz05.png) no-repeat center;}
.Index_pz li:nth-child(1):hover span{ background:url(../images/pz011.png) no-repeat center;}
.Index_pz li:nth-child(2):hover span{ background:url(../images/pz022.png) no-repeat center;}
.Index_pz li:nth-child(3):hover span{ background:url(../images/pz033.png) no-repeat center;}
.Index_pz li:nth-child(4):hover span{ background:url(../images/pz044.png) no-repeat center;}
.Index_pz li:nth-child(5):hover span{ background:url(../images/pz055.png) no-repeat center;}


.ernavn {
	width: 100%;
	overflow: hidden;
	height: 61px;
	border-bottom: 1px solid white;
}
.ernavn .gohome {
	line-height: 62px;
	width: 68px;
	height: 61px;
	text-align: center;
	border-left: 1px solid white;
}
.ernavn .btn_group1 {
	font-size: 16px;
	line-height: 61px;
	box-sizing: border-box;
	height: 61px;
	text-align: left;
	color: #666;
	float: left;
	border-left: 1px solid white;
}
.ernavn .on a {
	background: #AC0C0B;
	color: #000!important;
}
.ernavn .fr {
	font-size: 14px;
	line-height: 61px;
	height: 61px;
	color: #f8c70f;
}
.ernavn .fr a {
	color: #f8c70f;
}
.ernavn .fr img {
	margin-top: 21px;
	margin-right: 5px;
	display: block;
	float: left;
}
.ernavn .btn_group1 a {
	font-size: 16px;
	line-height: 61px;
	width: auto;
	display: block;
	padding: 0 30px;
	height: 61px;
	color: #999;
}